import {createRouter, createWebHistory} from "vue-router";

//创建一个路由对象
const Router = createRouter({
    //路由历史
    history : createWebHistory(),

    //配置路由，是一个数组，里面可以配置很多路由
    routes : [
        {
            //路由路径
            path : '/',
            //路由组件(路由页面)
            component : () => import('../views/LoginView.vue'),
        },
        {
            //路由路径
            path : '/dashboard',
            //路由组件(路由页面)
            component : () => import('../views/DashboardView.vue'),
            //配置子路由 (可以配置多个子路由)
            children : [
                {
                    //路由路径，子路由前面不能有斜杆
                    path : '',
                    //路由组件(路由页面)
                    component : () => import('../views/StatisticView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'user',
                    //路由组件(路由页面)
                    component : () => import('../views/UserView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆，:userId是一个动态变量，可以代表任何userId值，这叫做动态路由
                    path : 'user/:userId',
                    //路由组件(路由页面)
                    component : () => import('../views/UserDetailView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'user/add',
                    //路由组件(路由页面)
                    component : () => import('../views/UserInputView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆，:userId是一个动态变量，可以代表任何userId值，这叫做动态路由
                    path : 'user/edit/:userId',
                    //路由组件(路由页面)
                    component : () => import('../views/UserInputView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'activity',
                    //路由组件(路由页面)
                    component : () => import('../views/ActivityView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆，:activityId是一个动态变量，可以代表任何activityId值，这叫做动态路由
                    path : 'activity/:activityId',
                    //路由组件(路由页面)
                    component : () => import('../views/ActivityDetailView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'activity/add',
                    //路由组件(路由页面)
                    component : () => import('../views/ActivityInputView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'activity/edit/:activityId',
                    //路由组件(路由页面)
                    component : () => import('../views/ActivityInputView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'clue',
                    //路由组件(路由页面)
                    component : () => import('../views/ClueView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'clue/add',
                    //路由组件(路由页面)
                    component : () => import('../views/ClueInputView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'clue/edit/:clueId',
                    //路由组件(路由页面)
                    component : () => import('../views/ClueInputView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'clue/detail/:clueId',
                    //路由组件(路由页面)
                    component : () => import('../views/ClueDetailView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'customer',
                    //路由组件(路由页面)
                    component : () => import('../views/CustomerView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'customer/detail/:customerId',
                    //路由组件(路由页面)
                    component : () => import('../views/CustomerDetailView.vue'),
                },
                {
                    //路由路径，子路由前面不能有斜杆
                    path : 'tran',
                    //路由组件(路由页面)
                    component : () => import('../views/TranView.vue'),
                }
            ]
        }
    ]
})

//导出router组件
export default Router;

